.send-MSG-code {
	height: auto !important;
	// overflow-y: auto !important;
	.maskView {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background-color: rgba(0, 0, 0, 0.4);
	}

	.contentView {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 80%;
		z-index: 1001;
		display: flex;
		justify-content: center;
		align-items: center;
		animation: myfirst 0.3s;

		// #keybordb {
		//     width: 100%;
		//     height: 30px;
		// }

		.input-item-code {
			position: absolute;
			bottom: -2rem;
			opacity: 0;
		}
		.messagebox {
			position: fixed;
			width: 90%;
			background: #fff;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);

			.messageBoxHeader {
				width: 100%;
				height: 0.7rem;
				line-height: 0.7rem;
				text-align: center;
				position: relative;
				font-size: 0.36rem;
				//border-bottom: 1px solid #ccc;

				.close {
					width: 0.7rem;
					height: 0.7rem;
					position: absolute;
					right: 0rem;
					top: 0;
					background: url(../../images/imageXHB/codeMsg/icon_close.png) center
						no-repeat;
					background-size: 0.34rem 0.34rem;
				}
			}

			.msg_con {
				padding: 0 0.3rem;
				overflow: hidden;

				.subtitle {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 0.7rem;
					font-size: 0.28rem;
				}

				.tips {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 0.7rem;
					font-size: 0.35rem;
				}
				.messageBoxContent {
					overflow: hidden;
					width: 100%;
					display: flex;
					flex-direction: row;
					.login-area {
						//margin: 0.98rem 0.8rem 0;
						.input-area {
							display: -webkit-flex; /* Safari */
							display: flex;
							flex-direction: row;
							justify-content: center;
							margin-bottom: 0.24rem;
							.input-code {
								width: 0.83rem;
								height: 1rem;
								margin: 0 0.1rem;
								text-align: center;
								line-height: 1rem;
								border-bottom: 1px solid rgba(154, 154, 154, 0.5);
							}
							.input-code-value {
								font-size: 0.4rem;
								border-bottom: 1px solid #00a0dd;
							}
						}
						.am-list-item.am-input-item {
							padding-left: 0;
						}

						.am-list-item .am-input-label.am-input-label-5 {
							width: 60px;
						}

						.am-list-item .am-input-control input {
							font-size: 0.4rem;
						}

						.am-list-line::after {
							background-color: #9a9a9a !important;
						}

						.tips-area {
							text-align: center;
							width: 100%;
							margin-top: 0.34rem;
							color: #424242;
						}
						.tips-area-btn {
							color: #00a0dd;
						}
					}
					.item {
						border: 1px solid #dadada;
						overflow: hidden;

						.inp {
							width: 100%;
							height: 50px;
							padding-left: 15px;
							border: none;
						}
					}

					.item_left {
						width: 55%;
						height: 50px;
					}

					.item_right {
						width: 45%;
						height: 50px;
					}
				}

				.messageBoxFooter {
					margin: 15px 0 45px 0;

					.icon_status_0 {
						width: 0.5rem;
						height: 0.5rem;
						background: url(../../images/imageXHB/codeMsg/icon_loading.gif)
							center no-repeat;
						background-size: 0.3rem 0.3rem;
						margin-right: 10px;
					}

					.icon_status_1 {
						width: 0.5rem;
						height: 0.5rem;
						background: url(../../images/imageXHB/codeMsg/icon_success.png)
							center no-repeat;
						background-size: 0.5rem 0.5rem;
						margin-right: 10px;
					}
				}

				.grayButtStyle {
					width: 100%;
					height: 1rem;
					background-color: #cbcbcb;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 18px;
					color: #fff;
					border-radius: 3px;
				}

				.blueButtStyle {
					width: 100%;
					height: 1rem;
					background: #40b15d;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 18px;
					color: #fff;
					border-radius: 3px;
				}

				.blueButtStyleLife {
					width: 100%;
					height: 1rem;
					background: linear-gradient(
						90deg,
						$colorTheme 0%,
						$colorGradients 100%
					);
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 18px;
					color: #fff;
					border-radius: 3px;
				}
			}
		}
	}
}

@keyframes myfirst {
	0% {
		top: 2rem;
	}

	100% {
		top: 0;
	}
}
